<template>
  <div class="return">
    <img
      src="https://lanhu.oss-cn-beijing.aliyuncs.com/ps2bjgkyipvrk0iuchfocr3qfxmpkhyovy9f2448c49-f3ae-41a2-9118-41c0bdaa4e45"
      alt=""
    />
    <span>跳过</span>
  </div>
  <h3>筹婚偏好</h3>
  <div class="tags">
    <span>婚纱照</span>
    <span>婚纱礼服</span>
    <span>婚礼策划</span>
    <span>四大金刚</span>
    <span>旅拍</span>
    <span>婚宴酒店</span>
    <span>婚纱照</span>
    <span>婚纱礼服</span>
    <span>婚礼策划</span>
    <span>四大金刚</span>
    <span>旅拍</span>
    <span>婚宴酒店</span>
  </div>
  <div class="logo">
    <img
      src="https://lanhu.oss-cn-beijing.aliyuncs.com/pszf6cvzf4usrizuwg1juregockepsk5pt52db3940-00e9-42fa-8c19-07c7d85b741a"
      alt=""
    />
    <span>禧家针对个人筹婚偏好<br />为您提供更好的服务</span>
  </div>
  <button>完成</button>
</template>

<script>
export default {};
</script>

<style lang="scss">
body {
  text-align: center;
}
.return {
  font-size: 0.3rem;
  color: #999999;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem;
  img {
    width: 0.2rem;
    height: 0.37rem;
  }
}
h3 {
  margin: 0 2rem;
  font-size: 0.38rem;
}
.tags {
  margin-top: 1.8rem;
  padding: 0 0.5rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  span {
    display: inline-block;
    width: 2rem;
    height: 1rem;
    margin-bottom: 0.3rem;
    border-radius: 0.2rem;
    background-color: #f7f7f7;
    color: black;
    font-size: 0.28rem;
    line-height: 1rem;
  }
}
.logo {
  margin-top: 1rem;
  font-size: 0.26rem;
  color: silver;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  text-align: start;
  img {
    width: 1.17rem;
    height: 1.33rem;
  }
  span {
    padding: 0.1rem;
  }
}
button {
  margin-top: 1rem;
  width: 3.8rem;
  height: 1.15rem;
  border-radius: 0.6rem;
  background-color: red;
  color: white;
  border: none;
  font-size: 0.36rem;
}
</style>
